<ng-container *ngIf="type!=='search'">
  <input nz-input nzSize="default" [ngClass]="class" [ngStyle]="style" [placeholder]="title"
    [(ngModel)]="module[data][name+'Cp']" [id]="iid" *ngIf="!inputHid" autocomplete="off" (click)="inputClick()"
    [disabled]="disabled==data+'_dis'?module[data+'_dis'][name]:module[disabled]" (mouseenter)="this[random] = true"
    (mouseleave)="this[random] = false">
  <div [id]="iid" *ngIf="!inputHid" class="inputSvg">
    <ng-container *ngIf="disabled==data+'_dis'?module[data+'_dis'][name]:module[disabled]; else notMobile">
      <app-svg [module]="this" (outer)="resetData($event)" type="0"></app-svg>
    </ng-container>
  </div>
  <ng-container *ngIf="isAsyn==='T'">
    <nz-tree-select [ngClass]="class" [ngStyle]="style" [id]="iid" [nzPlaceHolder]="title" [nzNodes]="nodes"
      [nzDropdownStyle]="{'max-height':'300px'}" [(ngModel)]="module[data][name]" *ngIf="inputHid" [nzOpen]="inputHid"
      (ngModelChange)="treeClick($event)" (nzOpenChange)="inputHid = false;this[random] = false" [nzAsyncData]="true"
      (nzExpandChange)="tree2($event)" [nzDisplayWith]
      [disabled]="disabled==data+'_dis'?module[data+'_dis'][name]:module[disabled]">
    </nz-tree-select>
  </ng-container>
  <ng-container *ngIf="isAsyn!=='T'">
    <nz-tree-select [ngClass]="class" [ngStyle]="style" [id]="iid" [nzPlaceHolder]="title" [nzNodes]="nodes"
      [nzDropdownStyle]="{'max-height':'300px'}" nzShowSearch [(ngModel)]="module[data][name]" *ngIf="inputHid"
      [nzOpen]="inputHid" (ngModelChange)="treeClick($event)" (nzOpenChange)="inputHid = false;this[random] = false"
      [disabled]="disabled==data+'_dis'?module[data+'_dis'][name]:module[disabled]">
    </nz-tree-select>
  </ng-container>
</ng-container>

<ng-template #notMobile>
  <app-svg [module]="this" (outer)="resetData($event)"></app-svg>
 </ng-template>

<ng-container *ngIf="type==='search'">
  <div style="position: relative;">
    <input nz-input nzSize="default" [ngClass]="class" [ngStyle]="style" autocomplete="off" [placeholder]="title" [(ngModel)]="nodeName"
      [id]="iid" *ngIf="!inputHid" (click)="inputClick()" (mouseenter)="this[random] = true"
      (mouseleave)="this[random] = false">
    <div [id]="iid" *ngIf="!inputHid" class="inputSvg">
      <app-svg [module]="this" (outer)="resetData($event)"></app-svg> 
    </div>
    <ng-container *ngIf="isAsyn==='T'">
      <nz-tree-select [ngClass]="class" [ngStyle]="style" [id]="iid" [nzPlaceHolder]="title" [nzNodes]="nodes"
        [nzDropdownStyle]="{'max-height':'300px'}" [(ngModel)]="module[data][name]" *ngIf="inputHid" [nzOpen]="inputHid"
        (ngModelChange)="treeClick($event)" (nzOpenChange)="inputHid = false;this[random] = false" [nzAsyncData]="true"
        (nzExpandChange)="tree2($event)" [nzDisplayWith]>
      </nz-tree-select>
    </ng-container>
    <ng-container *ngIf="isAsyn!=='T'">
      <nz-tree-select [ngClass]="class" [ngStyle]="style" [id]="iid" [nzPlaceHolder]="title" [nzNodes]="nodes"
        [nzDropdownStyle]="{'max-height':'300px'}" nzShowSearch [(ngModel)]="module[data][name]" *ngIf="inputHid"
        [nzOpen]="inputHid" (ngModelChange)="treeClick($event)" (nzOpenChange)="inputHid = false;this[random] = false">
      </nz-tree-select>
    </ng-container>
  </div>
</ng-container>


<!-- 

  showdoc：/erp/tree/option/treeOption

  表单区域：
  <app-cp-select-tree [module]="this" data="data1" name="prodCatId" treeType="cat" isAsyn="T" leaves="true"></app-cp-select-tree> 

  搜索区域：
  <app-cp-select-tree [module]="this" data="searchData" name="prodCatId" treeType="cat" isAsyn="T" leaves="true" title="商品分类" type="search"></app-cp-select-tree> 

  通用tree自定义拓展用法（参数选填）：
  <app-cp-select-tree [module]="this" data="data1" name="prodCatId" treeType="cat" isAsyn="T" leaves="true" (outer)="demo($event)" class="aaa bbb" css="float:left;width: 200px;" iid="aaa" title="默认提示文字"
   disabled="isCourse0"  leaves="T"></app-cp-select-tree>

  treeType="cat"                    下拉树类型 menu（目录） cat（商品分类）
  isAsyn="T"                        是否异步请求 T（异步） F（非异步）
  leaves="true"                     是否只能选择根节点 true（是） flase（否）
  (outer)="demo($event)"            tree控件选择触发事件
  class="aaa bbb"                   input及tree控件自定义class样式
  css="float:left;width: 200px;"    input及tree控件自定义内联样式，等同于style="float:left;width: 200px;"
  iid="aaa"                         input及tree控件自定义id名称
  title="默认提示文字                input及tree控件默认提示文字
  disabled="isCourse0"              input及tree控件禁用属性自定义名称
  type="search"                     tree控件类型，搜索区域
  


-->